<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" conten="width=device-width,initial-scale=1.0">
	<title>《系统工程》精品资源共享课</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<style type="text/css">
		main{
			margin:50px 120px; 
			padding-bottom:80px;
		}
		#introduction,#teachers{
			background-color: white;
			border-radius: 20px;
			min-height:330px;
			max-height:330px;
			padding-top:20px; 
		}
		#introduction{
			margin-right: 20px;
		}
		
		#building ol{
			margin:auto 30px;
		}
		#brief img{
			width: 150px;
			height: auto;
			float: left;
			display: inline-block;
			margin:20px;
		}
		#brief p{
			padding-top: 80px;
		}
		#teachers{
			margin-left: 20px;
			overflow: hidden;
		}
		#teachers .teacherImg{
			width:96px;
			height:120px;
			margin:10px auto 10px auto;
		}
		#teachers .teacherImg img{
			width:96px;
			height:120px;
		}
		#teachers figure{
			text-align: center;
			border-radius: 20px;
		}
		#teachers dl{
			display: inline-block;
			width: 100%;
			padding-top: 30px;
			background-position: center;
		    background-size: cover;
		}
		#teachers dd{
			height:190px;
		}
		.icon_nav {
			width:100%;
			margin:20px auto;
		}
		.icon_nav a:hover img{
			transform: rotate(360deg);
			-ms-transform: rotate(360deg);		/* IE 9 */
			-webkit-transform: rotate(360deg);	/* Safari and Chrome */
			-o-transform: rotate(360deg);		/* Opera */
			-moz-transform: rotate(360deg);		/* Firefox */
		}
		.icon_nav a img{
			-webkit-transition:0.6s;
			transition:transform 0.6s;
			display: inline-block;
			margin-bottom: 20px;
		}
		.icon_nav a h5{
			margin-left: 15px;
		}
		#courses{
			margin-bottom: 20px;
			border-radius: 20px;
			background-color: white;
		}
		#courses header{
			padding:20px 0 0px 20px;

		}
		#courses figure{
			width:240px;
			height:auto;
			margin:20px 10px;
			box-shadow:  0px 1px 5px 1px rgba(62, 62, 62, 0.3);
			padding-bottom:15px;
			border-radius: 10px;
			padding: 0px;
		}
		#courses>div{
			width:95%;
			margin:20px auto; 
		}
		/*@media screen and (max-width: 1000px){
			#courses>div{
				width:550px;
				margin:20px auto; 
			}
		}
		@media screen and (max-width: 800px){
			#courses>div{
				width:250px;
				margin:20px auto; 
			}
		}
		*/
		#courses .courseImg{
			width:100%;
			overflow:hidden;
			display: inline-block;
			width:240px;
		}
		#courses .courseImg img{
			width:240px;
			height:162px;
			border-radius:10px 10px 0 0;
			-webkit-transition:0.6s;
			transition:transform 0.6s;
		}
		#courses .courseImg:hover img{
			transform:scale(1.5);
		}
		#courses figcaption{
			margin:20px 10px;
		}
		/*#courses .touxiang{
			border-radius: 50%;
			width:30px;
			height:30px;
			margin:0 10px;
		}*/
		
	</style>
</head>
<body>
	<div id="top">
		<img src="image/huanonglogo.png" class="logo">
		<ul>
			<li class="userInfo hidden"><a href="html/userInformation.html">个人信息</a></li>
			<li><span id="user"></span></li>
			<li class="logout hidden"><a href="">退出</a></li>
			<li id="login" class="login"><a href="html/login.html"><img src="image/user.png"><span>登录</span></a></li>

		</ul>
	</div>
	<nav>
		<ul class="rows">
			<li class="col-md-2"><a href="index.html">首页</a></li>
			<li class="dropdown col-md-2">
				<a href="#"  data-toggle="dropdown" class="dropdown-toggle">课程概要<span class="glyphicon glyphicon-chevron-down"></span></a>
				<ul class="dropdown-menu">
					<li><a href="html/primaryResource.html">教学大纲</a></li>
					<li><a href="html/primaryResource.html">教学日历</a></li>
					<li><a href="html/primaryResource.html">教学教材</a></li>
					<li><a href="html/primaryResource.html">参考资料</a></li>
					<li><a href="html/primaryResource.html">重点难点</a></li>
				</ul>
			</li>
			<li class="dropdown col-md-2">
				<a href="#"  data-toggle="dropdown" class="dropdown-toggle">课程资源<span class="glyphicon glyphicon-chevron-down"></span></a>
				<ul class="dropdown-menu">
					<li><a href="html/video.html">教学视频</a></li>
					<li><a href="html/ppt.html">教学课件</a></li>
					<li><a href="html/homework.html">课程作业</a></li>
				</ul>
			</li>
			<li class="col-md-2"><a href="html/courses.html">课程内容</a></li>
			<li class="col-md-2"><a href="html/expandingResource.html">拓展资源</a></li>
			<li class="col-md-2 hidden teacher_li"><a href="html/teacherCourseManagement.html">课程管理</a></li>
		</ul>

	</nav>
	<div id="carousel" class="swiper-container">
		<ul class="swiper-wrapper">
			<li class="swiper-slide"><img src="image/kechengziyuan.jpg"></li>
			<li class="swiper-slide"><img src="image/huanong.jpg"></li>
			<li class="swiper-slide"><img src="image/jingpinwangluo.jpg"></li>
		</ul>
		<div class="swiper-pagination"></div>
	</div>
	
	<main>
		<div class="rows">
			<section id="introduction" class="col-md-6">
				<ul class="nav nav-tabs">
					<li class="active"><a data-toggle="tab" href="#brief">课程简介</a></li>
					<li><a data-toggle="tab" href="#building">课程建设</a></li>
				</ul>
				<div class="tab-content">
					<article id="brief" class="tab-pane fade in active">
						<img src="image/jcfm.jpg">
						<p class="text-indent">《系统工程》是组织管理系统的规划、研究、设计、制造、试验和使用的科学方法，是一门跨越多学科的组织管理技术，目的是实现系统目标整体最优化。通过课程学习，可培养学生的系统建模、分析、评价、决策等方面的综合能力。</p>
					</article>
					<article id="building" class="tab-pane fade" >
						<ol>
							<li>信息管理与信息系统专业开设二十年以来，《系统工程》一直是该专业的核心课程，2008年工业工程专业开设，《系统工程》也成为该专业核心课程。</li>
							<li>2008年“《系统工程》教学内容优化与教学模式创新”教改项目得到信息学院的立项资助，课程团队对《系统工程》课程的教学内容与教学模式进行了优化，并将教改成果“《系统工程》教学模式优化”进行了公开发表。</li>
							<li>2012年开始《系统工程》《运筹学》这两门相关性较大的课程合并为《运筹学与系统分析》，在课程内容、教学方式、实践环节等方面进行了整合，得到教改成果“运筹学与系统分析课程改革探析”，并进行了公开发表。</li>
							<li>2017年制定的本科培养方案中，《系统工程》恢复独立开课，在教学内容和教学方式上进行全面改革与优化。</li>
							<li>2017年《系统工程》被立项成为华南农业大学校级精品资源共享课。</li>
						</ol>
					</article>
				</div>
			</section>
			<section id="teachers" class="col-md-5">
				<header>
					<h3 style="display: inline;">主讲教师</h3>
					<a href="#" class="pull-right">更多</a>
				</header>
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<dl class="rows swiper-slide">
							<dt class="col-md-4">
								<figure>						
									<div class="teacherImg"><img src="image/ysh.png"></div>
									<figcaption>俞守华</figcaption>
								</figure>
							</dt>
							<dd class="col-md-8">
								教授，博士，曾获华南农业大学本科教学十佳教师、教书育人奖，现任中国系统工程学会农业系统工程专业委员会副主任委员、中国农业工程学会农业系统工程专业委员会副主任委员、华南农业大学农业系统工程及管理工程研究室主任等。长期从事《系统工程》本科教学工作，现为《系统工程》精品资源共享课程负责人。
							</dd>
						</dl>
						<dl class="rows swiper-slide">
							<dt class="col-md-4">
								<figure>
									<div class="teacherImg"><img src="image/yzg.jpg"></div>
									<figcaption>杨振刚</figcaption>
									<figcaption>副教授</figcaption>
								</figure>
							</dt>
							<dd class="col-md-8">
								副教授，博士，长期从事《系统工程》、《运筹学》的本科教学工作。
							</dd>
						</dl>
						<dl class="rows swiper-slide">
							<dt class="col-md-4">
								<figure>
									<div class="teacherImg"><img src="image/ypx.png"></div>
									<figcaption>余平祥</figcaption>
									<figcaption>副教授</figcaption>
								</figure>
							</dt>
							<dd class="col-md-8">
								副教授，博士，长期从事《系统工程》、《运筹学》的本科教学工作。
							</dd>
						</dl>
					</div>
					<div class="swiper-pagination"></div>
				</div>
			</section>
		</div>
		<ul class="rows icon_nav">
			<li class="col-md-1"></li>
			<li class="col-md-2"><a href="html/ppt.html"><img src="image/icon_ppt.png"><h5>教学课件</h5></a></li>
			<li class="col-md-2"><a href="html/video.html"><img src="image/icon_video.png"><h5>教学视频</h5></a></li>
			<li class="col-md-2"><a href="#"><img src="image/icon_test.png"><h5>测试系统</h5></a></li>
			<li class="col-md-2"><a href="html/homework.html"><img src="image/icon_homework.png"><h5>课程作业</h5></a></li>
			<li class="col-md-2"><a href="#"><img src="image/icon_bbs.png"><h5>论坛互动</h5></a></li>
		</ul>
		<section id="courses">
			<header>
				<h4>教学视频</h4>
			</header>
			<div class="rows">
				<figure class="col-md-3 col-lg-3">
					<a href="html/courses.html">
						<div class="courseImg">
							<img src="image/xtgcgs.jpg">
						</div>
						<figcaption>系统工程概述</figcaption>
					</a>
				</figure>
				<figure class="col-md-3 col-lg-3">
					<a href="html/courses.html">
						<div class="courseImg">
							<img src="image/xtgcffl.jpg">
						</div>
						<figcaption>系统工程方法论</figcaption>
					</a>
				</figure>
				<figure class="col-md-3 col-lg-3">
					<a href="html/courses.html">
						<div class="courseImg">
							<img src="image/xtgcymxh.jpg">
						</div>
						<figcaption>系统模型与模型化</figcaption>
					</a>
				</figure>
				<figure class="col-md-3 col-lg-3">
					<a href="html/courses.html">
						<div class="courseImg">
							<img src="image/xtdlx.jpg">
						</div>
						<figcaption>系统仿真及系统动力学方法</figcaption>
					</a>
				</figure>
			</div>
		</section>
		
	</main>
	
	<footer>
		<p>版权所有：华南农业大学 数学与信息学院 软件学院<br><span style="color:white" id="count"></span></p>
	</footer>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
	var mySwiper = new Swiper('#carousel',{
		direction:'horizontal',
		loop:true,
		pagination:{
			el:'#carousel .swiper-pagination',
			clickable:true,
		},
		autoplay:{
			delay:5000,
			disableOnInteraction:false
		},

	});

	var teacherSwiper = new Swiper('#teachers .swiper-container', {
      effect: 'cube',
      grabCursor: true,
      cubeEffect: {
        shadow: true,
        slideShadows: true,
        shadowOffset: 20,
        shadowScale: 0.94,
      },
      pagination: {
        el: '#teachers .swiper-pagination',
        clickable:true,
      },
      autoplay:{
			delay:3000,
			disableOnInteraction:false
		},
    });

    $(document).ready(function() {
    	if (localStorage.pagecount){    
    		localStorage.pagecount=Number(localStorage.pagecount) +1;
    	}else{    
    		localStorage.pagecount=1;
    	}
    	$("#count").html("访问数: " + localStorage.pagecount + " time(s).");
    });
	
</script>
</body>
</html>